.subtit{
	margin: 20px 0;
}
.title_img{
	width: 24px;
	height: 24px;
	display: inline-block;
}
.information{
	display: flex;
	justify-content: space-between;
}
.zk_left{
	display: flex;
	justify-content: flex-start;
	margin-right: 40px;
}
.zkinfo_left{
	width: 290px;
	height: 400px;
	margin-right: 20px;
}
.zkinfo_left a{
	display: block;
	font-size: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	position: relative;
}
.zkinfo_left a img{
	width: 100%;
}
/*.article_title{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 80%;
	font-weight: bold;
	line-height: 1.8;
	font-size: 18px;
}*/
.article_date{
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	left: 20px;
	bottom: 40px;
}
.article_time{
	font-size: 14px;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.zkinfo_center{
	width: 290px;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 20px;
}
.zkinfo_center a{
	width: 100%;
	height: 190px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.zkinfo_right{
	width: 340px;
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.zkinfo_right li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0px 0px !important;
}
.zkinfo_right li a p{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	flex: 1;
}
.drop{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #FFC300;
	margin-right: 8px;
}
.zk_right{
	width: 400px;
	height: 400px;
}
.zk_top{
	width: 400px;
	height: 160px;
	margin-bottom: 20px;
}
.zk_top a{
	width: 400px;
	height: 160px;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.zk_top a img{
	width: 100%;
}
.zk_right li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
}
.zk_right li a .number{
	font-size: 16px;
	font-weight: bold;
	margin-right: 14px;
	color: #999;
}
.zk_right ul li:nth-child(1) a>.number{
	color: #EF2A2A !important;
} 
.zk_right ul li:nth-child(2) a>.number{
	color: #FF8D1A !important;
} 
.zk_right ul li:nth-child(3) a>.number{
	color: #FFEB3B !important;
} 
.zk_right li a p{
	flex: 1;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 40px;
}
.zk_time{
	color: #999;
}

.zk .title_img{
	background-image: url(/static/home/img/new/new_index/title_1.png);
}
.gk .title_img{
	background-image: url(/static/home/img/new/new_index/title_2.png);
}
.xx .title_img{
	background-image: url(/static/home/img/new/new_index/title_3.png);
}
.xx_right .title_img{
	background-image: url(/static/home/img/new/new_index/title_4.png);
}
.yd_left .title_img{
	background-image: url(/static/home/img/new/new_index/title_5.png);
}
.mr_right .title_img{
	background-image: url(/static/home/img/new/new_index/title_6.png);
}

.line{
	border-bottom: 1px solid #dedede;
}

.xx{
	display: flex;
	justify-content: space-between;
}
.xx_left{
	width: 960px;
	margin-right: 40px;
}
.tab{
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #dedede;
	margin-bottom: 30px;
}
.tab p{
	font-size: 18px;
	margin-right: 40px;
	padding-bottom: 16px;
	border-bottom: 3px solid transparent;
	box-sizing: border-box;
}
.tab p.active{
	border-bottom: 3px solid #EF2A2A;
}
.tab p:hover{
	border-bottom: 3px solid #EF2A2A;
}
.xx_info{
	width: 960px;
	display: flex;
	justify-content: flex-start;
}
.xxinfo_left{
	width: 460px;
	height: 470px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 40px;
}
.xxinfo_left a{
	width: 460px;
	height: 225px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.xxinfo_left a img{
	width: 100%;
}
.xxinfo_right{
	width: 460px;
}
.xxinfo_top{
	width: 460px;
	padding-bottom: 24px;
	border-bottom: 1px solid #dedede;
	display: block;
}
.xxinfo_top p:first-of-type{
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}
.xxinfo_top p:nth-of-type(2){
	font-size: 14px;
	color: #999;
	/*height: 54px;*/
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.5;
}
.xxinfo_top p:nth-of-type(3){
	font-size: 14px;
	color: #999;
	margin-top: 22px;
}
.xxinfo_right ul li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
}
.xxinfo_right ul li a p:first-of-type{
	flex: 1;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 40px;
}
.xxinfo_right ul li a p:nth-of-type(2){
	font-size: 14px;
	color: #999;
}

.xx_right{
	width: 400px;
}
.bz_tab{
	width: 104px;
	height: 32px;
	padding: 2px;
	background: #f5f5f5;
	border-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
.bz_tab p{
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	margin-left: 0;
	border-radius: 4px;
}
.bz_tab p.active{
	background: #EF2A2A;
	color: #fff;
}
.xx_right ul{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 536px;
}
.xx_right ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.school_order{
	width: 34px;
	height: 29px;
	font-size: 0;
	margin-right: 10px;
	position: relative;
}
.school_order span{
	position: absolute;
	top: 64%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.school_order img{
	width: 100%;
}
.school_logo{
	width: 34px;
	height: 34px;
	font-size: 0;
	margin-right: 10px;
}
.school_logo img{
	width: 100%;
}
.school_name{
	font-size: 16px;
	flex: 1;
}
.school_hot{
	font-size: 16px;
	color: #EF2A2A;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.school_hot span{
	width: 20px;
	height: 20px;
	font-size: 0;
	margin-right: 4px;
}
.school_hot span img{
	width: 100%;
}

.ydmr{
	display: flex;
	justify-content: space-between;
}
.yd_left{
	width: 960px;
	margin-right: 40px;
}
.yd_info{
	display: flex;
	justify-content: space-between;
}
.ydinfo_left{
	width: 400px;
	height: 360px;
	font-size: 0;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	margin-right: 20px;
}
.ydinfo_left img{
	width: 100%;
}
.ydinfo_center{
	width: 260px;
	height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 20px;
}
.ydinfo_center a{
	width: 260px;
	height: 170px;
	font-size: 0;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.ydinfo_right{
	width: 260px;
	height: 360px;
	font-size: 0;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}
.ydinfo_right img{
	width: 100%;
}
.mr_right{
	width: 400px;
}
.mr_right ul{
	height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.mr_right ul li a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.mr_right ul li a p:first-of-type{
	flex: 1;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 40px;
}

.mr_right .read{
	display: inline-block;
	box-sizing: border-box;
	padding-left: 22px;
	width: 50px;
	background:url(/static/home/img/new/new_index/icon_read.png) no-repeat;
	background-size:20px 20px; 
	font-size: 14px;
	color: #999;
}
ul.hover-list li a{
	transition: all .2s;
}
ul.hover-list li:hover a{
	margin-left: 4px;
	color: var(--color-red) !important;
}
ul.hover-list li:hover p{
	color: var(--color-red) !important;
}